@extends('front.common.layout')

@section('title',$data['seo']['config_title'])
@section('keywords',$data['seo']['config_keywords'])
@section('description',$data['seo']['config_description'])
@section('content')
    <!-- banner -->
    <div class="inner-banner has-base-color-overlay text-center"
         style="background: url({{ asset('/front/images/background/product-banner.jpg') }});">
        <div class="container">
            <div class="box">
                <h3>Project List</h3>
            </div>
        </div>
    </div>
    <div class="breadcumb-wrapper">
        <div class="container">
            <div class="breadcrumb_bar">
                <div class="breadcrumb_menu">
                    <ul class="link-list">
                        <li>
                            <a href="{{ url('/') }}">Home</a>
                        </li>
                        <li>
                            Project List
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- banner end -->

    <section class="services-style-one padd-1 bg-2">
        <div class="container">

            <div class="row clearfix">
                @foreach($data['cases'] as $v)
                    <div class="column col-lg-4 col-md-6 col-sm-6 col-xs-12">
                        <div class="service-block wow fadeIn" data-wow-delay="0ms" data-wow-duration="1500ms">
                            <div class="inner-box">
                                <div class="image-box">
                                    <img src="{{ asset($v->img) }}" alt=""/>
                                    <div class="caption">{{ $v->case_title }}</div>
                                    <div class="overlay-box">
                                        <h3>
                                            <a class="btn-style-three" href="{{ url('project-detail', $v->id) }}">{{ $v->case_title }}</a>
                                        </h3>
                                        <a class="btn-style-three" href="{{ url('project-detail', $v->id) }}">Read More <span class="fa fa-angle-double-right"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>

@endsection

@section('script')
    <script>
        //Filter-list
        if($('#product-list').length){
            var first_item = $('.filter-btns li').first().data('filter')
            console.log(first_item)
            $('#product-list').mixItUp({})
        }
    </script>
@endsection
